<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, 
		minimum-scale=1.0, maximum-scale=1.0"/>
		<meta charset="UTF-8">
		<title></title>
		<link href="../public/css/style.css" rel="stylesheet">
		<link href="../public/css/common.css" rel="stylesheet">
		<script type="text/javascript" src="../public/js/jquery.js" ></script>
		<script type="text/javascript" src="../public/js/product.js" ></script>
		<script type="text/javascript" src="../public/js/customer.js" ></script>
	</head>
	<body class="layout_body">
		<div class="layout_content">
			<header class="demo-header" style="padding-top: 10px;">
			    <div class="titleLeft flt">
			        <a href="index.html">
			        	<img src="../public/img/back.png" width="35px" height="33px">
			        </a>
			    </div>
			    <div class="titleRight flt text-center">商品详情</div>
			</header>
			<div class="am-modal am-modal-loading am-modal-no-btn" tabindex="-1" id="my-modal-loading">
			    <img src="../public/img/paperdetail.png" class="img-width"/>
			</div>
			<div class="flt product-detail pline">
				<p class="product">名称:纸巾</p>
				<p class="guige">单位: 包</p>
				<p class="guige">规格：200包/箱</p>
			</div>
			<div class="flt detail-money">
				<p class="price">￥4.3</p>
				<p class="guige"><del>￥5.2</del></p>
			</div>
			<div class="detail-descript guige pline">
				描述：纯木浆生产，均匀度好，强度好，撕起来有韧性，皱纹细腻
			</div>
			<div class="padding-adjust1">
				<div class="flt" style="width: 15%;text-align: right;padding-top: 5px;">促销:</div>
				<div class="flt cuxiao-font" style="width: 85%;">
					<div><img src="../public/img/cuman.png" class="img-middle cuxiao-img"/>单笔订单满100赠本品10份</div>
					<div><img src="../public/img/cufan.png" class="img-middle cuxiao-img"/>月销售额满100万返点5%</div>
					<div><img src="../public/img/cuzhe.png" class="img-middle cuxiao-img"/>折扣90%</div>
				</div>
			</div>
			<div onclick="ShowDiv();">
				<div class="detail-descript pline fontsize lineheight flt" style="width: 88%;">
				已选：【统一属性】
				</div>
				<div class="pline lineheight flt" style="width: 8%;font-weight: bold;color: #9E9E9E;">
					>
				</div>
			</div>
			
			<div style="clear: both;"></div>
			<div class="padding-adjust2 fontsize padding-adjust3 padding-adjust2">宝贝详情</div>
			<div style="height: 200px;"></div>
		    <footer id="my-modal-searchloading">
			    <div class="dibu-botton dibu-top-status3 dis cur" id="dibu-botton">
					<div class="flt padding-adjust3 detail-foot1" id="tohome">
						<img src="../public/img/footcollectmoren.png" />
						<p>收藏</p>
				    </div>
				
					<div class=" flt padding-adjust3 detail-foot2" id="yitel" onclick="ShowDiv();">
						<img src="../public/img/footbuymoren.png"/>
						<p>购物车</p>     
					</div>
					<div class="flt detail-foot3 text-center" id="dibuzixun" onclick="ShowDiv();">
						立即购买
					</div>
					
				</div>
			</footer>
			<div id="guige" style="">
				<div class="product-list newproduct" style="padding-bottom: 35px;border: none;">
					<div>
						<img src="../public/img/paper.png" style="width: 70px;"/>
						<div class="flt pline" style="line-height: 18px;padding-top: 0;">
							<p class="product">纸巾</p>
							<p class="guige">200抽/包</p>
							<p class="price">￥4.3</p>
						</div>
					</div>
					<hr/>
					<p class="product padding-adjust2 padding-top">属性：</p>
					<div class="shuxing" id="slectradio" style="overflow: auto;height: 75px;">
						<div class="flt shuxing-adjust">
							<p class="product">统一属性</p>
						</div>
						<div class="flt cart" style="width: 8%;"><input type="radio" name="radio" class="disn"/><label class="checked"></label></div>
						<div class="flt shuxing-adjust">
							<p class="product">属性1</p>
						</div>
						<div class="flt cart" style="width: 8%;"><input type="radio" name="radio" class="disn"/><label></label></div>
						<div class="flt shuxing-adjust">
							<p class="product">属性2</p>
						</div>
						<div class="flt cart" style="width: 8%;"><input type="radio" name="radio" class="disn"/><label></label></div>
						<div class="flt shuxing-adjust">
							<p class="product">属性3</p>
						</div>
						<div class="flt cart" style="width: 8%;"><input type="radio"  name="radio" class="disn"/><label></label></div>
						<div class="flt shuxing-adjust">
							<p class="product">属性4</p>
						</div>
						<div class="flt cart" style="width: 8%;"><input type="radio" name="radio" class="disn"/><label></label></div>
					</div>
				    <div class="flt pline" style="width: 15%;border: none;">
						<p class="product">数量：</p>
					</div>
					<div class="flt text-right" style="width: 85%;padding-right: 3%;box-sizing: border-box;border: none;">
						<div class="inputNum" style="margin-bottom:5px;">
							<span class="minus minadd" onclick="javascript:minus(this);return false;" pid="" eid="" cid="">-</span>
							<span class="proNum" pid="" eid="" cid="">
								<input type="text" productId=""  enterpriseId="" channelId=""   value="1" onblur="javascript:checkIntcart(this);return false;">
							</span>
							<span class="add minadd" onclick="javascript:addCart(this);return false;" pid="" eid="" cid="">+</span>
					    </div>
					</div>
				</div>
				<div class="foot-confirm text-center" onclick="CloseDiv();">确定</div>
				<div class="closeicon" onclick="CloseDiv();"><img src="../public/img/dialog_close.png" style="width: 22px;"/></div>
			</div>
			<div id="fade" class="black_overlay" onclick="CloseDiv();"></div>
		</div>	
	</body>
</html>
